<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XMLHttpRequest_的基本使用</title>
</head>
<body>
    <p class="my-p"></p>
    <script>
    // 创建对象
   const xhr=new XMLHttpRequest()
   //请求方法 url网址
   xhr.open('GET','http://hmajax.itheima.net/api/province')
   //响应结果loadend事件接受结果
   xhr.addEventListener('loadend',()=>{
    console.log(xhr.response)
    const data=JSON.parse(xhr.response)
    console.log(data.list.join('<br>'))
    document.querySelector('.my-p').innerHTML=data.list.join('<br>')

   })
   //调用send方法,发起请求
   xhr.send()
   
    </script>
</body>
</html>







<!-- 静态网站中缩小代码体积 -->
<!-- 了解axius的内部原理 -->
<!-- 1.对象
2.请求方法
3.监听事件
4.发起请求 -->
